// 登陆后显示页面


import React from 'react';

// 引入饼图组件
import Pie from '@/components/Pie';
// 导入接口
import { getPieDataFn } from '@/api/welcome';
import { useEffect, useState } from 'react';


const Welcome = () => {
    const [piedata, setPieData] = useState({})
    // 请求数据
    useEffect(() => {
        getPieDataFn().then(res => {
            console.log('piedata', res);
            if (res.data.errNo == 0) {
                setPieData(res.data.data)
            }
        })
    }, [])
    return (
        <>
            {
                piedata.accessFrom ? <div style={{ display: 'flex' }}>
                    <Pie id='pie1' data={piedata.accessFrom} title='访问来源' lengend={false} name='accessFrom'></Pie>
                    <Pie id='pie2' data={piedata.area} title='地域分布' lengend={false} name='area'></Pie>
                    <Pie id='pie3' data={piedata.gender} title='性别占比' lengend={true} name='gender'></Pie>
                </div> : <></>
            }
        </>
    );
}
export default Welcome;
